isometric background that covers the viewport [on hold]

Posted by Richard on Game Development See other posts from Game Development or by Richard
Published on 2013-11-04T23:59:53Z Indexed on 2013/11/05 4:15 UTC
Read the original article Hit count: 308

Filed under:

tiles

|

isometric

The background image should cover the viewport. The technique I use now is a loop with an innerloop that draws diamond shaped images on a canvas element, but it looks like a rotated square.

This is a nice example: Plants vs Zombies ,that covers the whole viewport.

I have heard something about clickthrough maps, but what more ways are there that are most efficient with mobile devices and javascript?

Any advice in grid design out there?.

© Game Development or respective owner

Related posts about tiles

Tile engine Texture not updating when numbers in array change

as seen on Game Development - Search for 'Game Development'
I draw my map from a txt file. I am using java with slick2d library. When I print the array the number changes in the array, but the texture doesn't change. public class Tiles { public Image[] tiles = new Image[5]; public int[][] map = new int[64][64]; public Image grass, dirt, fence, mound; private… >>> More
[OpenGL ES - Android] Better way to generate tiles

as seen on Stack Overflow - Search for 'Stack Overflow'
Hi ! I'll start by saying that i'm REALLY new to OpenGL ES (I started yesterday =), but I do have some Java and other languages experience. I've looked a lot of tutorials, of course Nehe's ones and my work is mainly based on that. As a test, I started creating a "tile generator" in order to create… >>> More
Covering Earth with Hexagonal Map Tiles

as seen on Stack Overflow - Search for 'Stack Overflow'
Many strategy games use hexagonal tiles. One of the main advantages is that the distance between the center of any tile and all its neighboring tiles is the same. I was wondering if anyone has any thoughts on marrying a hexagonal tile system with the traditional geographic system (longitude/latitude)… >>> More
Need help revolving a 2D array

as seen on Game Development - Search for 'Game Development'
Pretty much all I'm trying to do is revolve my 2D Array by its container. I'm using this array for a background and I seem to be having problems with it revolving. public class TileTransformer : GridConstants { public Tile[,] Tiles; ContentManager Content; public TileTransformer(ContentManager… >>> More
Isometric displaying two different images in different positions

as seen on Game Development - Search for 'Game Development'
I'm creating a simple Isometric game using HTML5 and Javascript, but I can't seem to get the display to work, at the moment i have 9 tiles that have X and Y positions and the player has a X and Y position, the players X and Y properties are set to 100, and the tiles are as shown tiles[0] = new Array(3); tiles[1]… >>> More

Related posts about isometric

Isometric - precise screen coordinates to isometric

as seen on Game Development - Search for 'Game Development'
I'm trying to translate mouse coords to precise isometric coords (I can already find the tile the mouse is over, but I want it to be more precise). I've tried several different methods but I seem to keep falling short. For drawing I use: batch.draw( texture, (y * tileWidth / 2) + (x * tileWidth… >>> More
Isometric drawing "Not Tile Stuff" on isometric map?

as seen on Game Development - Search for 'Game Development'
So I got my isometric renderer working, it can draw diamond or jagged maps...Then I want to move on...How do I draw characters/objects on it in a optimal way? What Im doing now, as one can imagine, is traversing my grid(map) and drawing the tiles in a order so alpha blending works correctly. So… >>> More
Good, free isometric game engine?

as seen on Game Development - Search for 'Game Development'
Any recommendations for a good isometric game engine that is also free? Should be possible to develop entirely using freely available tools (meaning: no Flash, and no I don't want to learn haXe...) Works-in-a-browser is a plus, but not required. Support for 32-bit images is required! Good performance… >>> More
Isometric screen to 3D world coordinates efficiently

as seen on Game Development - Search for 'Game Development'
Been having a difficult time transforming 2D screen coordinates to 3D isometric space. This is the situation where I am working in 3D but I have an orthographic camera. Then my camera is positioned at (100, 200, 100), Where the xz plane is flat and y is up and down. I've been able to get a sort of… >>> More
HTML5 canvas screen to isometric coordinate conversion

as seen on Game Development - Search for 'Game Development'
I am trying to create an isometric game using HTML5 canvas, but don't know how to convert HTML5 canvas screen coordinates to isometric coordinates. My code now is: var mouseX = 0; var mouseY = 0; function mouseCheck(event) { mouseX = event.pageX; mouseY = event.pageY; } which gives me canvas… >>> More